.nav {
    width: 100%;
    /*height: 44px;
    background-color: pink;*/
    border-bottom: 2px solid #B1191A;
}

.category {
    position: relative;
    z-index: 10;
    float: left;
    width: 210px;
    height: 44px;
    background-color: #B1191A;
    /*font: 400 15px/44px "microsoft yahei";
    color: #FFF;
    padding-left: 10px;*/
}

.cate-dt a {
    display: block;
    width: 200px;
    height: 44px;
    font: 400 15px/44px "microsoft yahei";
    color: #FFF;
    padding-left: 10px;
}

.cate-dd {
    width: 209px;
    height: 466px;
    margin-top: 2px;
    background-color: #C81623;
    border-left: 1px solid #B61D1D;
}

.cate-item {
    height: 31px;
    position: relative;
}

.cate-item a {
    display: block;
    width: 200px;
    height: 31px;
    font: 400 14px/31px "microsoft yahei";
    padding-left: 9px;
    color: #FFF;
}

.cate-item i {
    position: absolute;
    top: 5px;
    right: 10px;
    font: 400 9px/14px consolas;
    color: #FFF;
}

.jd-nav {
    float: left;
    /*width: 605px;
    height: 44px;
    background-color: red;*/
}

.jd-nav li {
    float: left;
    line-height: 44px;
    text-align: center;
    font: 400 15px/44px "microsoft yahei";
}

.jd-nav .w3 a {
    display: block;
    width: 88px;
    height: 44px;
}

.jd-nav .w2 a {
    display: block;
    width: 72px;
    height: 44px;
}

.hot {
    background: url(../images/hot.png) no-repeat top right;
}

/*主体部分start*/
.main {
    /*height: 500px;
    background-color: pink;*/
}

.slider {
    float: left;
    width: 730px;
    height: 454px;
    margin: 12px 0 0 220px;
    background-color: blue;
    position: relative;
}

.circle {
    position: absolute;
    left: 50%;
    bottom: 8px;
    /*width: 130px;*/
    height: 20px;
    margin-left: -65px;
    /*background-color: red;*/
}

.circle li {
    float: left;
    width: 18px;
    height: 18px;
    background-color: #3E3E3E;
    margin-right: 4px;
    text-align: center;
    line-height: 18px;
    color: #FFF;
    border-radius: 9px;
}

.circle .current {
    background-color: #B61B1F;
}

.arrow a {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 62px;
    margin-top: -31px;
    font: 400 22px/62px "simsun";
    color: #FFF;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
}

.arrow .arr-l {
    left: 0;
}

.arrow .arr-r {
    right: 0;
}

.main-extra {
    float: right;
    margin-top: 12px;
    /*width: 250px;
    height: 454px;
    background-color: yellow;*/
}

.news {
    width: 248px;
    height: 163px;
    /*background-color: pink;*/
    border: 1px solid #E4E4E4;
}

.news .mt {
    width: 248px;
    height: 32px;
    /*background-color: green;*/
    border-bottom: 1px dotted #E4E4E4;
    font: 400 16px/32px "microsoft yahei";
}

.news .mt h3 {
    float: left;
    margin-left: 15px;
}

.news .mt a {
    float: right;
    font: 400 12px/32px "consolas";
    margin-right: 15px;
}

.news .mc {
    padding: 5px 0 0 15px;
}

.news .mc li {
    line-height: 24px;
}

.news .mc span {
    font-weight: 700;
    margin-right: 5px;
}

.lifserv {
    width: 248px;
    height: 208px;
    /*background-color: purple;*/
    border: 1px solid #E4E4E4;
    border-top: 0;
    overflow: hidden;
}

.lifserv ul {
    width: 252px;
}

.lifserv li {
    float: left;
    width: 62px;
    height: 70px;
    /*background-color: red;*/
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    position: relative;
}

.lifserv a {
    display: block;
    width: 62px;
    height: 30px;
    padding-top: 40px;
    text-align: center;
}

.lifserv i {
    position: absolute;
    top: 10px;
    left: 18px;
    width: 25px;
    height: 25px;
    background: url(../images/sprite.png) 0 0 no-repeat;
}

.lifserv em {
    position: absolute;
    top: 10px;
    left: 18px;
}

.lifserv .icon2 {
    background: url(../images/sprite.png) 0 -25px no-repeat;
}

.lifserv .icon3 {
    background: url(../images/sprite.png) 0 -50px no-repeat;
}

.lifserv .icon4 {
    background: url(../images/sprite.png) 0 -75px no-repeat;
}

.right-pic {
    width: 250px;
    height: 75px;
    margin-top: 5px;
    background-color: red;
}

/*主体部分end*/

/*今日推荐start*/
.today {
    /*height: 150px;
    background-color: pink;*/
    margin-top: 10px;
    margin-bottom: 20px;
}

.today .mt {
    float: left;
}

.today .mc {
    float: left;
    width: 1000px;
    /*height: 170px;
    background-color: red;*/
    overflow: hidden;
}

.today .mc ul {
    height: 170px;
    width: 6000px;
}

.today .mc li {
    float: left;
    margin-right: 1px;
}

/*今日推荐end*/

/*图标字体*/
@font-face {
    font-family: 'jfengfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome、firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: 'jfengfont';
    font-size: 16px;
    color: red;
}